<html>
    <head>
        <title>计算属性的setter</title>
    </head>
    <body>
        <script>
             // ★四、计算属性的 setter(设置器函数)
                                /*
                                    计算属性默认只有getter,
                                    不过在需要时你也可以提供一个 setter (设置器函数)
                                */
                                    computed:{
                                        fullName:{
                                            // getter
                                            get:function (){
                                                return this.firstName+' '+this.lastName;
                                            },
                                            // setter
                                            set:function(newValue){
                                                var names = newValue.split('');
                                                this.firstName=names[0];
                                                this.lastName=names[names.length-1]
                                            }
                                        }
                                    }
                                 /*
                                    现在，再运行 vm.fullName ='John Doe'时，setter 函数会被调用, vm.firstName 和 vm.lastName 也会被相应的更新。
                                 */
        </script>
    </body>
</html>